<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
    />
    <title>集团公司子公司分布图</title>
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
  </head>

  <body>
    <noscript>
      <strong>集团公司子公司分布图</strong>
    </noscript>
    <div id="root" class="root-container">
      <canvas id="lineCanvas"></canvas>
      <div class="company-center radius-50" id="group">
        <span>国家管网集团贵州管网有限公司</span>
      </div>
      <div class="region center" id="regionCenter">中部地区</div>
      <div class="region north" id="regionNorth">北部地区</div>
      <div class="region south" id="regionSouth">南部地区</div>
      <div class="region west" id="regionWest">西部地区</div>
      <div class="region east" id="regionEast">东部地区</div>
      <div class="region west-north" id="regionWestNorth">西北地区</div>
      <div class="region east-north" id="regionEastNorth">东北地区</div>
      <div class="region west-south" id="regionWestSouth">西南地区</div>
      <div class="region east-south" id="regionEastSouth">东南地区</div>
    </div>
    <div class="detail-info"></div>
    <script src="js/jquery.min.js"></script>
    <script src="js/index.js"></script>
  </body>
</html>
